@use "sass:math";

/*颜色主题*/
$color-gray-9: #999999;
$color-gray-f3: #F3F3F3;
$color-gray-f5: #f5f5f5;
$color-gray-e5: #e5e5e5;
$color-gray-ef: #efefef;
$color-gray-c: #cccccc;
$color-gray-6: #666666;
$color-white: #FFFFFF;
$color-success: #67C23A;
$color-info: #909399;
$color-error: #F56C6C;
$color-warning: #E6A23C;
$color-main: #222222;

/*pc端字体大小*/
$-pc-font-size-s: 12Px;
$-pc-font-size-sm: 16Px;
$-pc-font-size-smm: 18Px;
$-pc-font-size-m: 20Px;
$-pc-font-size-l: 24Px;
$-pc-font-size-xl: 26Px;
$-pc-font-size-xxl: 30Px;

/*手机端字体大小*/
$-mobile-font-size-s: 12Px;
$-mobile-font-size-sm: 14Px;
$-mobile-font-size-m: 16Px;
$-mobile-font-size-l: 20Px;
$-mobile-font-size-xl: 26Px;
$-mobile-font-size-xxl: 30Px;

/*pc端间距值*/
$-pc-space-size-s: 5Px;
$-pc-space-size-sm: 15Px;
$-pc-space-size-m: 20Px;
$-pc-space-size-l: 30Px;
$-pc-space-size-xl: 50Px;
$-pc-space-size-xxl: 200Px;

/*手机端间距值*/
$-mobile-space-size-s: 5px;
$-mobile-space-size-sm: 15px;
$-mobile-space-size-m: 20px;
$-mobile-space-size-l: 30px;
$-mobile-space-size-xl: 50px;
$-mobile-space-size-xxl: 200px;

/*圆角*/
$round-size-s: 5px;
$round-size-sm: 15px;
$round-size-m: 25px;
$round-size-l: 30px;
$round-size-xl: 50%;

/*屏幕大小*/
$col-sm: 375;
$col-md: 750;
$screen-list: sm #{ $col-sm }px, md #{ $col-md }px;

// px转rem
@function px2rem($px) {
  @return math.div($px, 100) + rem;
}